<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="description" content="觉唯网站"/>
    <meta name="keywords" content="觉唯,juewei,JUEWEI"/>
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
	<title>设计欣赏_觉维设计</title>
	<link rel="shortcat icon" href="favicon.ico"/>
	<link rel="stylesheet" type="text/css" href="css/sucai.css">
	<link rel="stylesheet" type="text/css" href="myfont/css/font-awesome.css">
	<link rel="stylesheet" href="font-awesome-4.3.0/css/font-awesome.min.css"/>
	<link rel="stylesheet" href="css/publicdemo.css"/>
    <link rel="stylesheet" href="css/header.css"/>
    <link rel="shortcut icon" href="favicon.ico">
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>

</head>
<body>
	
		<!-- 导航 -->

		<div id="header" style="background:rgba(0,0,0,0.5)">
    <div id="nav">
        <!-- max-width:1023px 开始 -->
        <div id="toggle-nav">
            <a href="javascript:;">
                <i class="icon-bars"></i>
            </a>
        </div>

        <div id="toggle-login">
            <a href="javascript:;">
                <i class="icon-user"></i>
            </a>
        </div>

        <div id="short-logo-wrap">
            <a href="javascript:;" id="short-logo">
            </a>
        </div>

        <!-- max-width:1023px结束 -->

        <!-- max-width：1920px导航开始-->
        <div id="navlist">
            <ul id="left-bar" style="">
                <li id="logo" style="width: 150px;">
                    <a href="default.html">.</a>
                </li>

                <li class="nav-item" style="width: 8%;">
                    <a href="wenzhang.html">文章</a>
                </li>

                <li class="nav-item" style="width: 8%;">
                    <a href="xinshang.html">欣赏</a>
                </li>

                <li class="nav-item" style="width: 8%;">
                    <a href="sucai.html">素材</a>
                </li>

                <li class="nav-item" style="width: 8%;">
                    <a href="shop.html">商店</a>
                </li>

                <li class="nav-item" style="width: 8%;">
                    <a href="activity.html">活动</a>
                </li>

                <li class="nav-item" style="width: 8%;">
                    <a href="weiran.html">灵感</a>
                </li>

                <li id="nav-more" class="nav-item" style="width: 8%;">
                    <a href="more.html">更多</a>
                </li>

                <li id="search" class="" style="width: 50px;">
                    <form action="#" method="post">
                        <input type="text" id="search-input" style="display: none;">
                        <i class="icon-search fa-lg" id="addLength"></i>
                    </form>
                </li>
                <div class="clear"></div>
            </ul>

            <ul id="right-bar">
                <li id="regist">
                    注册
                </li>
                <li id="login">
                    登录
                </li>
            </ul>
        </div>
        <!-- max-width：1920px导航结束-->
    </div>
</div>
			
	
	<div id="navbody">
		<div id="navbodys">
				<div id="group">
					<div id="group-center">
						<ul>
						<li class="wli">
						<label><i class="icon-bookmark"></i> 不限类别
						</label>
						<div class="rotate">
							<i  class="icon-sort-down"></i>
						</div>
							<ul class="nul">
								<li>图标素材</li>
								<li>PS资源</li>
								<li>矢量资源</li>
								<li>字体资源</li>
								<li>高清图片</li>
								<li>前端代码</li>
								<li>网页模版</li>
								<li class="lastli">3D素材</li>
							</ul>
						</li>
						<li class="wli"><label><i class="icon-sort"></i> 最新发布
						</label>
						<div class="rotate">
							<i  class="icon-sort-down"></i>
						</div>
							<ul class="nul">
								<li>喜欢最多</li>
								<li>浏览最多</li>
								<li class="lastli">评论最多</li>
							</ul>
						</li>
						<li class="wli"><label><i class="icon-time"></i> 不限时间
						</label>
						<div class="rotate">
							<i  class="icon-sort-down"></i>
						</div>
							<ul class="nul">
								<li>一周内</li>
								<li>一月内</li>
								<li class="lastli">一年内</li>
							</ul>
						</li>
					</ul>
					</div>
				</div>
				<div id="kuangbody">
				    <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x01.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i>  29&nbsp;
								<i class="icon-comment"></i>  3 
								
							</label>
						</div>
					</div>


				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x02.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">20个免费岂止于大的高分辨率几何多边形背景</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i> 29&nbsp;
								<i class="icon-comment"></i> 3  
								
							</label>
						</div>
					</div>


				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x03.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">Summer UI Kit 免费模板组件</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i>  8&nbsp;
								<i class="icon-comment"></i>  1  
								
							</label>
						</div>
					</div>


				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x04.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">色彩丰富的多媒体图标</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i>  8&nbsp;
								<i class="icon-comment"></i>  1  
								
							</label>
						</div>
					</div>


				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x05.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">色彩丰富的多媒体图标</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i> 45&nbsp;
								<i class="icon-comment"></i>8  
								
							</label>
						</div>
					</div>
				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x06.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">色彩丰富的多媒体图标</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i> 34&nbsp;
								<i class="icon-comment"></i>  6 
								
							</label>
						</div>
					</div>
				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x07.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">色彩丰富的多媒体图标</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i> 23&nbsp;
								<i class="icon-comment"></i> 5 
								
							</label>
						</div>
					</div>
				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x08.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">色彩丰富的多媒体图标</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i> 15&nbsp;
								<i class="icon-comment"></i> 3 
								
							</label>
						</div>
					</div>
				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x09.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">色彩丰富的多媒体图标</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i> 56&nbsp;
								<i class="icon-comment"></i> 15
								
							</label>
						</div>
					</div>
				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x10.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">色彩丰富的多媒体图标</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i> 32&nbsp;
								<i class="icon-comment"></i> 4 
								
							</label>
						</div>
					</div>
				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x11.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">色彩丰富的多媒体图标</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i> 56&nbsp;
								<i class="icon-comment"></i> 23 
								
							</label>
						</div>
					</div>
				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x12.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">色彩丰富的多媒体图标</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i> 78&nbsp;
								<i class="icon-comment"></i> 54 
								
							</label>
						</div>
					</div>
				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x13.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">色彩丰富的多媒体图标</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i> 63&nbsp;
								<i class="icon-comment"></i> 23 
								
							</label>
						</div>
					</div>
				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x14.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">色彩丰富的多媒体图标</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i> 16&nbsp;
								<i class="icon-comment"></i> 3  
								
							</label>
						</div>
					</div>
				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x15.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">色彩丰富的多媒体图标</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i> 56&nbsp;
								<i class="icon-comment"></i> 25
								
							</label>
						</div>
					</div>
				  <div class="kuang">
					  	<div class="likuang">
						  	
							  		<div class="xiahuatiao"> &nbsp;
							  			<i class="icon-bookmark"></i>
							  			<label> 图标素材</label>
							  			<label class="rightwz">1395<i class="icon-fire"></i>  </label>
							  		</div>

							  		<div class="tpkuang">
							  			<div class="zhezhao"></div>
							  			<img src="images/x16.jpg">
							  		</div>



							
						</div>
						<div class="tujiao">
							<a href="#">色彩丰富的多媒体图标</a>
							<hr>
							<p>2016-01-31</p>
							<label class="tujiaoright">
								<i class="icon-heart"></i> 54&nbsp;
								<i class="icon-comment"></i> 5 
								
							</label>
						</div>
					</div>

				  <div id="tz">
				  		<input class="xuzhekuang1" type="button" name="1" value="1" />
				  		<input class="xuzhekuang" type="button" name="2" value="2" />
				  		<input class="xuzhekuang" type="button" name="3" value=">">
				  		<label>共2页</label>
				  		<input class="shurukuang" type="text" name="" value="1" />
				  		<input class="go" type="button" name="" value="GO" />
				  </div>

				  
					
				</div>
			
		</div>
	</div>
	<div id="foot">
		<div id="foots">
			<div id="wz">
				<h4>觉唯</h4><br>
				<p>以用户为中心的设计理念，专注于用户体验设计，拥有国内外最新的设计潮流趋势、独特而美的创意视觉、新颖而灵敏的思维意识、极致而生动的交互体验，更有严谨而通俗的技术教程！</p>

				<p>唯然是觉唯网的图片分享社区，以记录美丽、分享美好的创意理念，分享高品质创意、艺术、设计、时尚、插画、摄影、唯美类精美图片。</p>
			</div>
			<div id="gy">
				<h4>关于</h4><br>
				<ul>
					<li><a href="#">关于觉唯</a></li>
					<li><a href="#">留言联系</a></li>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">免责声明</a></li>
					<li><a href="#">网站地图</a></li>
				</ul>
			</div>
			<div id="gy">
				<h4>栏目</h4><br>
				<ul>
					<li><a href="#">用户体验</a></li>
					<li><a href="#">素材下载</a></li>
					<li><a href="#">设计欣赏</a></li>
					<li><a href="#">主题商店</a></li>
					<li><a href="#">唯然灵感</a></li>
				</ul>
			</div>
			<div id="gy">
				<h4>友链</h4><br>
				<ul>
					<li><a href="#">前端观察</a></li>
					<li><a href="#">设计达人</a></li>
					<li><a href="#">MAKA</a></li>
				</ul>
			</div>
			<div id="gz">
				<h4>关注</h4><br>
				<ul>
					<li>Email:javin@jiawin.com</li>
					<li>
						<input type="text" name="" placeholder="请输入您的邮箱" class="yjshurukuang" style="height: 28px; background:#1c1c1c;border: 1px solid #323232;outline: none;"/>
						<input type="button" value="订阅" class="dingyue" />
						
					</li>
					<li class="social-icon">
            			<a class="social-sina" rel="external nofollow" target="_blank" href="#">
            				<i class="fa fa-weibo"></i>
            				<!-- <span class="text-replace">关注新浪微博</span> -->
            			</a>            
            			<a class="social-qqwb" rel="external nofollow" target="_blank" href="#">
            				<i class="fa fa-tencent-weibo"></i>
            				<!-- <span class="text-replace">关注腾讯微博</span> -->
            			</a>                                                                        
            			<a class="social-qq" rel="external nofollow" target="_blank" href="#">
            				<i class="fa fa-qq"></i>
            				<!-- <span class="text-replace">QQ在线联系</span> -->
            			</a>            
            			<a class="social-rss" rel="external nofollow" target="_blank" href="#">
            				<i class="fa fa-rss"></i>
            				<!-- <span class="text-replace">rss</span> -->
            			</a>            
            			<a id="social-weixin" data-pop="weixin" class="social-weixin">
            				<i class="fa fa-weixin"></i>
            				<!-- <span class="text-replace">微信</span>
 -->            			</a>       
            		 </li>
				</ul>
			</div>
			<div id="bq">
			<br>
				<hr style="border:1px solid  #333 ;"><br>
				Copyright &copy; 2012-2016 
				<a href="#">觉唯设计</a>
				 Theme by <a href="#">Javin zhong</a> All All Rights Reserved. 粤ICP备12073831号-1
			</div>
		</div>
	</div>

</body>
<script type="text/javascript" src="js/velocity.ui.min.js"></script>
<script type="text/javascript" src="js/velocity.min.js"></script>
<script type="text/javascript" src="js/header.js"></script>


<script type="text/javascript">

    $(function () {  /* 表示页面 加载完成 马上执行代码 */

        $("#right-bar li").click(function () {
            $("#overlay").show();
            $("#loginbar").hide();//show();  //  hide
        });

    });

</script>
</html>